<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
	<link rel="stylesheet" th:href="@{/js/layuiadmin-1.2.1/layui/css/layui.css}" media="all"/>
    <link rel="stylesheet" th:href="@{/js/layuiadmin-1.2.1/style/admin.css}" media="all">
</head>
<body>
<div class="layui-fluid" style="padding:8px">
    <div class="layui-row layui-col-space15">
      <div class="layui-col-sm6 layui-col-md3">
        <div class="layui-card">
          <div class="layui-card-header">本月合同额
            <span class="layui-badge layui-bg-blue layuiadmin-badge">月</span>
          </div>
          <div class="layui-card-body layuiadmin-card-list">
            <p class="layuiadmin-big-font">9,999,666</p>
            <p>合同总额
              <span class="layuiadmin-span-color">*** <i class="layui-inline layui-icon layui-icon-flag"></i></span>
            </p>
          </div>
        </div>
      </div>
      <div class="layui-col-sm6 layui-col-md3">
        <div class="layui-card">
          <div class="layui-card-header">本月销售额
            <span class="layui-badge layui-bg-cyan layuiadmin-badge">月</span>
          </div>
          <div class="layui-card-body layuiadmin-card-list">
            <p class="layuiadmin-big-font">33,555</p>
            <p>销售总额
              <span class="layuiadmin-span-color">*** <i class="layui-inline layui-icon layui-icon-face-smile-b"></i></span>
            </p>
          </div>
        </div>
      </div>
      <div class="layui-col-sm6 layui-col-md3">
        <div class="layui-card">
          <div class="layui-card-header">客户欠款总额
            <span class="layui-badge layui-bg-green layuiadmin-badge">月</span>
          </div>
          <div class="layui-card-body layuiadmin-card-list">
            <p class="layuiadmin-big-font">999,666</p>
            <p>总欠款额
              <span class="layuiadmin-span-color">*** <i class="layui-inline layui-icon layui-icon-dollar"></i></span>
            </p>
          </div>
        </div>
      </div>
      <div class="layui-col-sm6 layui-col-md3">
        <div class="layui-card">
          <div class="layui-card-header">本月费用额
            <span class="layui-badge layui-bg-orange layuiadmin-badge">月</span>
          </div>
          <div class="layui-card-body layuiadmin-card-list">
            <p class="layuiadmin-big-font">66,666</p>
            <p>费用总额
              <span class="layuiadmin-span-color">*** <i class="layui-inline layui-icon layui-icon-user"></i></span>
            </p>
          </div>
        </div>
      </div>
    </div>
    <div class="layui-row layui-col-space15">
      <div class="layui-col-md8">
        <div class="layui-row layui-col-space15">
          <div class="layui-col-md6">
            <div class="layui-card">
              <div class="layui-card-header">常用栏目</div>
              <div class="layui-card-body">
                <div class="layui-carousel layadmin-carousel layadmin-shortcut">
                  <div carousel-item>
                    <ul class="layui-row layui-col-space10">
                      <li class="layui-col-xs3">
                        <a lay-href="/business/offerprice" lay-text="销售报价 - 查询">
                          <i class="layui-icon layui-icon-console"></i>
                          <cite>销售报价</cite>
                        </a>
                      </li>
                      <li class="layui-col-xs3">
                        <a lay-href="/business/offerprice" lay-text="销售报价 - 查询">
                          <i class="layui-icon layui-icon-chart"></i>
                          <cite>销售报价</cite>
                        </a>
                      </li>
                      <li class="layui-col-xs3">
                        <a lay-href="/business/offerprice" lay-text="销售报价 - 查询">
                          <i class="layui-icon layui-icon-template-1"></i>
                          <cite>销售报价</cite>
                        </a>
                      </li>
                      <li class="layui-col-xs3">
                        <a layadmin-event="im">
                          <i class="layui-icon layui-icon-chat"></i>
                          <cite>销售报价</cite>
                        </a>
                      </li>
                      <li class="layui-col-xs3">
                        <a lay-href="/business/offerprice" lay-text="销售报价 - 查询">
                          <i class="layui-icon layui-icon-find-fill"></i>
                          <cite>销售报价</cite>
                        </a>
                      </li>
                      <li class="layui-col-xs3">
                        <a lay-href="/business/offerprice" lay-text="销售报价 - 查询">
                          <i class="layui-icon layui-icon-survey"></i>
                          <cite>销售报价</cite>
                        </a>
                      </li>
                      <li class="layui-col-xs3">
                        <a lay-href="/business/offerprice" lay-text="销售报价 - 查询">
                          <i class="layui-icon layui-icon-user"></i>
                          <cite>销售报价</cite>
                        </a>
                      </li>
                      <li class="layui-col-xs3">
                        <a lay-href="/business/offerprice" lay-text="销售报价 - 查询">
                          <i class="layui-icon layui-icon-set"></i>
                          <cite>销售报价</cite>
                        </a>
                      </li>
                    </ul>
                    <ul class="layui-row layui-col-space10">
                      <li class="layui-col-xs3">
                        <a lay-href="/business/offerprice" lay-text="销售报价 - 查询">
                          <i class="layui-icon layui-icon-set"></i>
                          <cite>销售报价</cite>
                        </a>
                      </li>
                    </ul>
                    <ul class="layui-row layui-col-space10">
                      <li class="layui-col-xs3">
                        <a lay-href="business/offerprice" lay-text="销售报价 - 查询">
                          <i class="layui-icon layui-icon-set"></i>
                          <cite>销售报价</cite>
                        </a>
                      </li>
                    </ul>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="layui-col-md6">
            <div class="layui-card">
              <div class="layui-card-header">待办事项</div>
              <div class="layui-card-body">
                <div class="layui-carousel layadmin-carousel layadmin-backlog" data-autoplay="true" data-anim="fade" lay-filter="news">
                  <div carousel-item>
                    <ul class="layui-row layui-col-space10">
                      <li class="layui-col-xs6">
                        <a href="javascript:;" class="layadmin-backlog-body">
                          <h3>待审友情链接</h3>
                          <p><cite style="color: #FF5722;">5</cite></p>
                        </a>
                      </li>
                      <li class="layui-col-xs6">
                        <a href="javascript:;" class="layadmin-backlog-body">
                          <h3>己到货未出库</h3>
                          <p><cite style="color: #FF5722;">5</cite></p>
                        </a>
                      </li>
                      <li class="layui-col-xs6">
                        <a href="javascript:;" class="layadmin-backlog-body">
                          <h3>采购己到货未收票</h3>
                          <p><cite style="color: #FF5722;">5</cite></p>
                        </a>
                      </li>
                      <li class="layui-col-xs6">
                        <a href="javascript:;" class="layadmin-backlog-body">
                          <h3>采购己付款未到货</h3>
                          <p><cite style="color: #FF5722;">5</cite></p>
                        </a>
                      </li>
                    </ul>
                    <ul class="layui-row layui-col-space10">
					  <li class="layui-col-xs6">
                        <a lay-href="app/content/comment.html" class="layadmin-backlog-body">
                          <h3>待审核任务</h3>
                          <p><cite>66</cite></p>
                        </a>
                      </li>
                      <li class="layui-col-xs6">
                        <a lay-href="app/forum/list.html" class="layadmin-backlog-body">
                          <h3>销售合同单</h3>
                          <p><cite>12</cite></p>
                        </a>
                      </li>
                      <li class="layui-col-xs6">
                        <a lay-href="template/goodslist.html" class="layadmin-backlog-body">
                          <h3>采购付款单</h3>
                          <p><cite>99</cite></p>
                        </a>
                      </li>
                    </ul>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="layui-col-md12">
            <div class="layui-card">
              <div class="layui-card-header">数据概览</div>
              <div class="layui-card-body">
                <div class="layui-carousel layadmin-carousel layadmin-dataview" data-autoplay="true" data-anim="fade" lay-filter="LAY-index-dataview">
                  <div carousel-item id="LAY-index-dataview">
                    <div><i class="layui-icon layui-icon-loading1 layadmin-loading"></i></div>
                    <div></div>
                    <div></div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="layui-col-md4">
        <div class="layui-card">
          <div class="layui-card-header">用户信息</div>
          <div class="layui-card-body layui-text">
            <table class="layui-table">
              <colgroup>
                <col width="100">
                <col>
              </colgroup>
              <tbody>
                <tr>
                  <td>单位</td>
                  <td>福州鼎瀚</td>
                </tr>
                <tr>
                  <td>岗位</td>
                  <td>开发者</td>
                </tr>
                <tr>
                  <td>用户</td>
                  <td>admin</td>
                </tr>
              </tbody>
            </table>
          </div>
        </div>
        <div class="layui-card">
          <div class="layui-card-header">本月报告<i class="layui-icon layui-icon-tips" lay-tips="模拟数据" lay-offset="5"></i></div>
          <div class="layui-card-body layadmin-takerates">
            <div class="layui-progress" lay-showPercent="yes">
              <h3>销售率（日同比 28% <span class="layui-edge layui-edge-top" lay-tips="增长" lay-offset="-15"></span>）</h3>
              <div class="layui-progress-bar" lay-percent="65%"></div>
            </div>
            <div class="layui-progress" lay-showPercent="yes">
              <h3>回款率（日同比 11% <span class="layui-edge layui-edge-bottom" lay-tips="下降" lay-offset="-15"></span>）</h3>
              <div class="layui-progress-bar layui-bg-red" lay-percent="92%"></div>
            </div>
          </div>
        </div>
        <div class="layui-card">
          <div class="layui-tab layui-tab-brief layadmin-latestData">
            <ul class="layui-tab-title">
              <li class="layui-this">客户欠款</li>
              <li>客户回款</li>
            </ul>
            <div class="layui-tab-content">
              <div class="layui-tab-item layui-show">
                <table id=""></table>
              </div>
              <div class="layui-tab-item">
                <table id=""></table>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
<th:block th:include="include :: footer" />
<script type="text/javascript">
layui.config({
    base: '/js/layuiadmin-1.2.1/' //静态资源所在路径
  }).extend({
    index: 'lib/index' //主入口模块
  }).use(['index', 'console']);
</script>
</body>
</html>